<page-header model="navModel"></page-header>

<div class="page-container page-body">
	<h3 class="page-sub-heading"><!--Hello--> 您好，{{greeting}}。</h3>

	<div class="modal-tagline p-b-2">
		<em>{{invitedBy}}</em> <!--has invited you to join Grafana and the organization-->已经邀请您使用 ATOPS 并加入 <span class="highlight-word">{{contextSrv.user.orgName}}</span>组织</br><!--Please complete the following to accept your invitation and continue:-->请您填写以下内容以接受的邀请并继续：
  </div>

	<form name="inviteForm" class="login-form gf-form-group">
		<div class="gf-form">
			<span class="gf-form-label width-7">Email</span>
			<input type="email" name="email" class="gf-form-input max-width-21" required ng-model='formModel.email' placeholder="Email">
		</div>
		<div class="gf-form">
			<span class="gf-form-label width-7"><!--Name-->姓名</span>
			<input type="text" name="name" class="gf-form-input max-width-21" ng-model='formModel.name' placeholder="姓名（可选的）"><!--Name (optional)-->
		</div>
		<div class="gf-form">
			<span class="gf-form-label width-7"><!--Username-->用户名</span>
			<input type="text" name="username" class="gf-form-input max-width-21" required ng-model='formModel.username' placeholder="用户名"><!--Username-->
		</div>
		<div class="gf-form">
			<span class="gf-form-label width-7"><!--Password-->密码</span>
			<input type="password" name="password" class="gf-form-input max-width-21" required ng-model="formModel.password" id="inputPassword" placeholder="密码"><!--password-->
		</div>

		<div style="margin-left: 7.5rem; width: 254px;">
			<password-strength password="formModel.password"></password-strength>
		</div>

		<div class="gf-form-button-row">
			<button type="submit" class="btn btn-success" ng-click="submit();" ng-disable="!inviteForm.$valid">
				<!--Sign Up-->注册
			</button>
		</div>
	</form>
</div>


